window.addEventListener('load', function () {
    // 轮播图
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

    })

    // 内容渲染
        // 开发者服务
    let arr = [
        {
            imgURL: "./imgs/service01.svg",
            title: "API私有化服务",
            desc: '可部署本地&专有云的Web API',
        },
        {
            imgURL: './imgs/service02.svg',
            title: '源码云监测',
            desc: '实时代码托管、威胁情报监控',
        },
        {
            imgURL: './imgs/service03.svg',
            title: '源码有赢',
            desc: '一站式营销活动服务平台',
        },
        {
            imgURL: './imgs/service04.svg',
            title: 'YuanMa API',
            desc: 'API开发者协作平台',
        }
    ];

    let sHTML = '';
    arr.forEach(function (v) {
        sHTML += `
        <li class="fl mr40">
        <img src="${v.imgURL}" alt="">
        <div class="content">
            <h4 class="col18">${v.title}</h4>
            <p class="font12">
                ${v.desc}
            </p>
            <a href="#">去搜索</a>
        </div>
    </li>
        `
    })

    serviceList.innerHTML = sHTML;
    // 内容渲染  API分类

    // API分类
    let lis = getEleAll('#classify li');
    
    lis.forEach(function (v) {
        v.addEventListener('mouseover', function () {
            this.style.color = '#fff';
            this.style.backgroundColor = '#1271ef';
// 方式一
            // 1.获取当前图片地址
            let imgUrl = this.firstElementChild.src;
            // 保存一份
            oldUrl = imgUrl;
            // 处理地址
            let index = imgUrl.lastIndexOf('/');
            let newUrl = imgUrl.substring(index+1);
            this.firstElementChild.src = `./imgs/${newUrl.split('.')[0]}-c.svg`

        // 方式二
            // let cutUrl = imgUrl.substring(0,imgUrl.lastIndexOf('.'));
            // this.firstElementChild.src = `${cutUrl}-c.svg`;
        })
        v.addEventListener('mouseout',function(){
            this.style.color = '';
            this.style.backgroundColor = '';
            this.firstElementChild.src = oldUrl;
        })
    })

    // 企业介绍  独角兽
    let intros = getEleAll('.intro');
    // 定义索引
    let index = 0;
    // 默认第一张显示的内容
    intros[index].style.display = 'block';

    window.setInterval(function(){
        intros[index].style.display = 'none';
        index++;
        if(index == intros.length){
            index = 0;
        }
        intros[index].style.display = 'block';
    },2000)

})